'use client';

import { Layout, Button, Space } from '@arco-design/web-react';
import Link from 'next/link';

const { Header, Content } = Layout;

export default function Home() {
  return (
    <Layout className="min-h-screen">
      <Header className="flex items-center justify-center bg-[var(--color-primary-light-1)]">
        <h1 className="text-xl font-bold text-[var(--color-white)]">AI 工具箱</h1>
      </Header>
      <Content className="flex flex-col items-center justify-center gap-4 p-8">
        <Space size="large">
          <Link href="/applications/text2img">
            <Button type="primary" size="large">文生图</Button>
          </Link>
          <Link href="/applications/img2img">
            <Button type="primary" size="large">图生图</Button>
          </Link>
          <Link href="/applications/subTileTans">
            <Button type="primary" size="large">字幕翻译</Button>
          </Link>
          <Link href="/applications/model-manager">
            <Button type="primary" size="large">模型管理</Button>
          </Link>
          <Link href="/applications/file-manager-demo">
            <Button type="primary" size="large">文件管理器</Button>
          </Link>
        </Space>
      </Content>
    </Layout>
  );
}